<template>
    <div style="padding: 30px;font-size: 20px">
        <div class="type-fx">
            <div class="fx-item">
                <img src="" alt="">
                <p>综合专项</p>
            </div>
            <div class="fx-item">
                <img src="" alt="">
                <p>厅务会议</p>
            </div>
            <div class="fx-item">
                <img src="" alt="">
                <p>调研</p>
            </div>
            <div class="fx-item">
                <img src="" alt="">
                <p>政务活动</p>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "fixed"
    }
</script>

<style scoped>
    .type-fx{
        display: flex;
    }
    .fx-item{
        width: 150px;
        height: 150px;
        background-color: #E4F9FE;
        border: 1px solid #195EA3;
        border-radius: 10px;
        color: #195EA3;
        margin-right: 40px;
    }
    .fx-item>p{
        text-align: center;
    }
</style>
